<template>
<div>
  <h2 @click="fn(1,$event)">自定义事件，父的值是{{count}}</h2>
  <Child @changeCount="count +=$event"/>
  <hr>
      <p>
      注释:  <br>
     * 注意事项:<br>
      + 在组件上绑定所有的事件都是自定义事件,无论是click还是mouseenter等等<br>
      + 自定义事件绑定在普通元素上毫无意义<br>
      + 如果我们想要给组件绑定普通事件,请使用.native修饰符<br>
    <br>
    * $event:<br>
      + 在给元素或者组件绑定事件的插值语法区域,有自带一个$event的值<br>
      + 这个$event在普通事件中是 event 事件对象<br>
      + 这个$event在自定义事件中 是子组件传递过来的值<br>
    <br>
    * 自定义事件<br>
      + 主要就是给子组件绑定事件,然后子组件调用这个事件并传值,触发父组件中的事件函数并接收传递的值<br>
      + 绑定事件可以使用 $on 也可以直接在组件上绑定<br>
      + 触发事件可以使用 $emit<br>

    </p>
</div>

</template>

<script>
import Child from "./Child"
export default {
    name:"Props",
    components:{
        Child,
    },
    data(){
        return{
            count:0
        }
    },
    methods: {
        clickHandle(n){
            this.count+=n
        }
    },
}
</script>

<style>

</style>